<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 画菱形的方法如下：
    // 可以先画一个正方形，然后在正方形的上下两个对角线上各画一个三角形就可以得到一个菱形了。具体步骤如下：
    // 定义边长
    // 确定菱形的边长n，这里以n=5为例。
    // 画正方形
    // 在画布上画一个边长为n的正方形，可以使用循环嵌套来实现。
    // for(let i=0;i<5;i++){
    //   let row = ''
    //   for(let j=0;j<5;j++){
    //     row = row + ' * '
    //   }
    //   console.log(row);
    // }

    
    let n = 5;
    for(let i = 1; i <= n; i++){
      let row = '';
      for(let j = 1; j <= n-i; j++){
        row += '  ';
      }
      for(let j = 1; j <= 2*i-1; j++){
        row += '* ';
      }
      console.log(row);
    }
    for(let i = 1; i <= n-1; i++){
      let row = '';
      for(let j = 1; j <= i; j++){
        row += '  ';
      }
      for(let j = 1; j <= 2*(n-i)-1; j++){
        row += '* ';
      }
      console.log(row);
    }
  </script>
</body>
</html>